<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="textml; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title></title>
<link href="css/index111111.css" rel="stylesheet" media="all" />
    <link rel="stylesheet" type="text/css" href="http://at.alicdn.com/t/font_1459473269_4751618.css">
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/style1.css" rel="stylesheet">
    <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    <script src="http://res2.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    <script src="js/jquery.min.js"></script>
</head>
<body style="max-width:640px;">
				<div style="text-align: center;">附近门店</div>
        <div class="quanbu" id="quanbu">
            
        </div>
		<div style="height: 50px;"> </div>

                <div class="footnav" style="z-index: 999">
                    <div class="col-xs-3 text-center"><a href="/weixin/shoppingMall"><i class="iconfont icon-shop"></i><p>商城</p></a></div>
                    <div class="col-xs-3 text-center"><a href="details.html"><i class="iconfont icon-huodongfj"></i><p>关于我们</p></a></div>
                    <div class="col-xs-3 text-center"><a href="/weixin/shoppingmall/my-order.html"><i class="iconfont icon-liebiao"></i><p>订单中心</p></a></div>
                    <div class="col-xs-3 text-center"><a href="mendian.html"><i class="iconfont icon-dizhi"></i><p>附近门店</p></a></div>
                </div>
<script>
    window.onload=function(){
        var ur=location.href.split("#")[0];
        $.ajax({
            url:"/weixin/getTicket",
            data:{ur:ur},
            dataType:"json",
            type:"get",
            success:function(data){
                wx.config({
                    appId: data.obj.appId, // 必填，公众号的唯一标识
                    timestamp: data.obj.timestamp , // 必填，生成签名的时间戳
                    nonceStr: data.obj.nonceStr, // 必填，生成签名的随机串
                    signature: data.obj.signature,// 必填，签名，见附录1
                    jsApiList: ['checkJsApi', 'getLocation'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
                });

                wx.checkJsApi({
                    jsApiList: ['getLocation'], // 需要检测的JS接口列表，所有JS接口列表见附录2,
                    success: function(res) {
                        if (res.checkResult.getLocation == false) {
                            alert('你的微信版本太低，不支持微信JS接口，请升级到最新的微信版本！');
                            return;
                        }
                    }
                });
                var latitude;
                var longitude;
                var speed;
                var accuracy;
                wx.ready(function(){
                    // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
                    wx.getLocation({
                        type: 'gcj02',
                        success : function(res) {
                            latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90
                            longitude = res.longitude; // 经度，浮点数，范围为180 ~ -180。
                            speed = res.speed; // 速度，以米/每秒计
                            accuracy = res.accuracy; // 位置精度
                            $.ajax({
                                url: "/weixin/queryBussiness",
                                type:"get",
                                data:{latitude:latitude,longitude:longitude},
                                dataType: "json",
                                success:function(data){
                                    var str="";
                                    if(data.li!=null && data.li.length>0){
                                        for(var i=0;i<data.li.length;i++){
                                            str=str+`<div class="q-all">
                                                <div class="all-list1">
                                                <img src="${data.li[i].businessImg}">
                                                </div>
                                                <div class="all-list2">
                                                <h2>${data.li[i].businessName} <em>${(data.li[i].distance)/1000.00}km</em></h2>
                                            <p>${(data.li[i].businessAddr)}</p>
                                            <p>联系热线:${data.li[i].businessTel}</p>
                                            </div>
                                            </div>`}
                                    }
                                    $("#quanbu").html(str)
                                }
                            })

                        },
                        fail:function(res){
                            alert("fail")
                        },
                        cancel : function(res) {
                            alert('未能获取地理位置');
                        }
                    });
                });

                wx.error(function(res){
                    // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
                    alert("验证出错");
                });
            }
            //回调函数完结
        })
    }

</script>
</body>
</html>